* {
    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "Font Awesome 5 Brands", "Font Awesome 5 Free", "LineAwesome", "FontAwesome", "Simple-Line-Icons", sans-serif !important
}


body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #f7f7f7;
    /*-moz-user-select: none;*/ /*火狐*/
    /*-webkit-user-select: none;*/ /*webkit浏览器*/
    /*-ms-user-select: none;*/ /*IE10*/
    /*-khtml-user-select: none;*/ /*早期浏览器*/
    /*user-select: none;*/
    cursor: default;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    margin: 0;
    padding: 0;
    list-style: none;
}


.valign_center{
    display: box; 
    display: -webkit-box; 
    display: -moz-box; 
    -webkit-box-pack:center; 
    -moz-box-pack:center; 
    -webkit-box-align:center; 
    -moz-box-align:center; 
}

.nodata {
    color: #E51400;
    display: block;
    clear: both;
}

/* scrollbar */

::-webkit-scrollbar{
    background-color: #e4dfdf!important;
    width: 4px!important;
    height: 4px!important;
}

::-webkit-scrollbar-thumb {
    background-color: #a8a6a6!important;
}

.noanimation {
    -webkit-animation: none;
}

.control-label-block{
    display:block!important;
}

.table.dataTable th, table.dataTable td
{
    text-align: center;
    padding: 10px!important;
}

.i-help{
    margin-left: 5px;
    color: rgba(0,0,0,0.1);
}

.i-help:active,
.i-help:hover{
    color: rgba(0,0,0,0.5);
}

.table td{
    vertical-align:middle!important;
}

.hidden{
    display: none !important;
}

/*.modal {
    width: auto !important;
    padding: 0 !important;
}

.modal-dialog {
    margin: 0 !important;
}*/

.bg-whitegray{
    background-color: #e6e6e6!important;
}

.ws-step-title{
    opacity: 0.3;
    padding-left: 30px!important;
    padding-right: 30px!important;
}
.active{
    opacity: 1!important;
}


.form-group-tight .form-group {
    margin-bottom: 1.2rem!important;
}

select.form-control-bottomborder {
    text-align: center !important;
    padding-left: 10px !important;
}

.form-control-bottomborder {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

.form-control-bottomborder-textleft {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: left !important;
}


.form-control-noborder {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

.card-margin-bottom-10{
    margin-bottom: 10px;
}

.my-checkboxlist td label {
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 30px;
}

.my-pagesize-select{
    width: 120px!important;
    float: right!important;
    display: inline-block!important;
}
.my-datacount-text {
    margin-top: 15px;
    margin-bottom: -15px;
    display: block;
}

#water-div {
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
}
.mask_div {
    pointer-events: none;
}

.portal-enable-switch { margin-bottom: 0; }
.portal-enable-switch .bootstrap-switch {
    display: inline-block;
    vertical-align: middle;
    border-color: #E4E6EF;
}
.portal-enable-switch .bootstrap-switch .bootstrap-switch-handle-on,
.portal-enable-switch .bootstrap-switch .bootstrap-switch-handle-off,
.portal-enable-switch .bootstrap-switch .bootstrap-switch-label {
    min-width: 58px;
}